<template>
  <el-footer>
      <el-row style="width:60%;margin:auto;height:52%"> 
        <el-col :span='6'>
            <el-col :span='6' style="font-weight:bolder">
            购物指南
           </el-col>
           <el-col :span='12'>
              <p>免税政策</p>
              <p>会员须知</p>
              <p>提货地点</p>
              <p>购物流程</p>
           </el-col>
        </el-col>
        <el-col :span='6'>
            <el-col :span='6' style="font-weight:bolder">
            售后服务
           </el-col>
           <el-col :span='12'>
              <p>售后政策</p>
              <p>退改说明</p>
              <p>免责声明</p>
              <p>联系我们</p>
           </el-col>
        </el-col>
        <el-col :span='6'>
            <el-col :span='6' style="font-weight:bolder">
            关于我们
           </el-col>
           <el-col :span='12'>
              <p>商城介绍</p>
              <p>官方微博</p>
              <p>招牌信息</p>
              <p>友情链接</p>
           </el-col>
        </el-col>
        <el-col :span='3'>
          <p>微信小程序</p>
          <img src="../assets/images/foot10.jpg" alt="" style="width:100px;height:80px;margin-top:12px">
          
        </el-col>
        <el-col :span='3'>
          <p>官方微信号</p>
          <img src="../assets/images/foot20.jpg" alt="" style="width:100px;height:80px;margin-top:12px">
        </el-col>
      </el-row>
      <el-row style="height:25%" class="f1">
      <span>Global Beauty Duty Free Network</span>
      <span>雅黛美妆海外免税购有限公司版权所有</span>
      </el-row>
      <el-row style="height:15%;width:60%;margin:auto" class="f2">
      <el-col :span='6'><img src="../assets/images/foot1.png" alt=""></el-col>
      <el-col :span='6'><img src="../assets/images/foot2.png" alt=""></el-col>
      <el-col :span='6'><img src="../assets/images/foot3.png" alt=""></el-col>
      <el-col :span='6'><img src="../assets/images/foot4.jpg" alt=""></el-col>
      </el-row>
  </el-footer>
</template>

<script>
export default {

}
</script>

<style>
.el-footer {
    background-color:#adc3d8;
    color: #333;
    text-align: center;
    line-height: 60px;
    height: 320px !important;
  }
  .el-footer p{
    height: 10px;
    color: #626061;
    font-family:cursive;
  }
  .f1 span{
    width: 500px;
    display:block;
    height: 35px;
    font-family:cursive;
    font-size:30px;
  }
  .f1 span:last-child{
    color: #626061;
    font-size:20px
  }
  .f2 img{
    width: 60%;
    /* margin-bottom: -20px; */
  }
</style>